<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
    #menu {
        font:12px verdana, arial, sans-serif; /* 设置文字大小和字体样式 */
        width: 100%;
    }
    #menu, #menu li {
        list-style:none; /* 将默认的列表符号去掉 */
        padding:0; /* 将默认的内边距去掉 */
        margin:0; /* 将默认的外边距去掉 */
        float: left; /* 往左浮动 */
        display: block;
    }
    #menu li a {
        display:inline-block; /* 将链接设为块级元素 */
        width:30px; /* 设置宽度 */
        height:30px; /* 设置高度 */
        margin-left: 5px;
        line-height:30px; /* 设置行高，将行高和高度设置同一个值，可以让单行文本垂直居中 */
        text-align:center; /* 居中对齐文字 */
        background: #ffffff; /* 设置背景色 */
        color:#000000; /* 设置文字颜色 */
        text-decoration:none; /* 去掉下划线 */
        border:1px solid #000; /* 在左侧加上分隔线 */
    }
    #menu li a:hover {
        background:#146C9C; /* 变换背景色 */
        color:#000000; /* 变换文字颜色 */
    }
    #menu li a.last {
        /* border-right:0; /* 去掉左侧边框 */
    }
</style>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
<h1>查询用户列表</h1>
<form action="${pageContext.request.contextPath }/user/getUserByPage" method="post">
    用户名称：<input type="text" name="userName" value="${userName}"/>
    <input type="submit" value="查询"/>
</form>
<button><a href="${pageContext.request.contextPath }/user/myinsert">新增</a></button>

<table border="1px">
    <tr>
        <td>序号</td>
        <td>用户编码</td>
        <td>用户名称</td>
        <td>用户角色</td>
        <td>用户生日</td>
        <td>用户地址</td>
    </tr>
    <c:forEach var="user" varStatus="status" items="${data.data}">
        <tr>
            <td>${status.index+1}</td>
            <td>${user.userCode }</td>
            <td>${user.userName }</td>
            <td>${user.roleName }</td>
            <td>${user.birthday }</td>
            <td>${user.address }</td>
        </tr>
    </c:forEach>

</table>
<ul id="menu">
    <c:if test="${data.pageNum>1}">
        <li><a style='background:#146C9C;width:60px' href="${pageContext.request.contextPath }/user/getUserByPage?userName=${userName}&&pageNum=${data.pageNum-1}&&pageSize=3">上一页</a></li>
    </c:if>
    <c:forEach begin="1" varStatus="status" end="${data.totalPage}" step="1">
        <li><a <c:if test="${status.index==data.pageNum}">style='background:#146C9C' </c:if> href="${pageContext.request.contextPath }/user/getUserByPage?userName=${userName}&&pageNum=${status.index}&&pageSize=3">${status.index}</a></li>
    </c:forEach>
    <c:if test="${data.pageNum<data.totalPage}">
        <li><a style='background:#146C9C;width:60px' href="${pageContext.request.contextPath }/user/getUserByPage?userName=${userName}&&pageNum=${data.pageNum+1}&&pageSize=3">下一页</a></li>
    </c:if>
</ul>
</body>
</html>